<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>商品评论</title>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/goods/goods_com.css">
</head>
<body data-color="#f8f8f9">
<div class="goodsComment" id="goodsCom">
    <!--头部-->
    <div class="home-top headerNav">
        <header class="m-navbar demo-small-pitch">
            <a href="javascript:;" class="navbar-item" onclick="returnPage()">
                <img class="back" src="../images/goods/back.png"/>
            </a>
            <div class="navbar-center">
                <span class="navbar-title top-color">商品评价</span>
            </div>
        </header>

    </div>
    <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
    <!--商品评论-->
    <div class="goodsCom">
        <p class="comCap" v-cloak>全部评价({{commentCount}})</p>
        <div class="goodsCap flex diff" v-for="(item,index) in commentList">
            <div class="capIcon">
                <img v-bind:src="item.picture"
                     alt="">
            </div>
            <div class="capMain">
                <p class="mainName" v-cloak>{{item.nickName}}</p>
                <p class="mainText" v-cloak>{{item.commentText}}</p>
                <ul class="capMainImg clearFix">
                    <li v-for="(ele,ind) in item.imgArr">
                        <img v-bind:src="ele"
                             alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--/商品评论-->
</div>
<div class="weui-infinite-scroll-box">
    <div class="weui-infinite-scroll">
        <div class="infinite-preloader"></div>
        正在加载...
    </div>
</div>
</body>
<script src="../lib/js/ui.js"></script>
<script src="../js/goods/goods_com.js"></script>
</html>
